<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>51微贷</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css">
		<link rel="stylesheet" type="text/css" href="../css/common.css">
		<link rel="stylesheet" type="text/css" href="../css/icomoon/style.css">
		<script type="text/javascript" src="../js/rem.js"></script>
	</head>

	<body>
		<div id="content">
			<h3 class="header f-pr">
				<span>交易记录</span>
				<i class="icon-angle-left f-pa" @tap="back()"></i>
			</h3>
			<div class="m-fundsflow">
				<ul class="common-list">
					<li @tap="routes({url: 'fundsflowdetail.html'})">
						<img src="../images/fundsflow-icon-1.png">
						<span>账单</span>
						<i class="icon-angle-right f-fr"></i>
					</li>
					<li @tap="routes({url: 'invest.html'})">
						<img src="../images/fundsflow-icon-4.png">
						<span>投资记录</span>
						<i class="icon-angle-right f-fr"></i>
					</li>
					<li @tap="routes({url: 'rechargerecord.html'})">
						<img src="../images/fundsflow-icon-5.png">
						<span>充值记录</span>
						<i class="icon-angle-right f-fr"></i>
					</li>
					<li @tap="routes({url: 'withdrawalrecord.html'})">
						<img src="../images/fundsflow-icon-6.png">
						<span>提现记录</span>
						<i class="icon-angle-right f-fr"></i>
					</li>
				</ul>
				<!--<ul class="common-list">
					<li>
						<img src="../images/fundsflow-icon-2.png">
						<span>奖励记录</span>
						<i class="icon-angle-right f-fr"></i>
					</li>
				</ul>-->
			</div>
		</div>

		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/vue.min.js"></script>

		<script type="text/javascript">
			mui.plusReady(function() {
				var vm = new Vue({
					el: '#content',
					data: {},
					methods: {
						back: function() {
							mui.back();
						},

						routes: function(data) {
							mui.openWindow({
								url: data.url,
								show: {
									aniShow: 'pop-in', //页面显示动画，默认为”slide-in-right“；
									event: "loaded"
								}
							});
						}
					}
				})
			});
		</script>
	</body>

</html>